<template>
  <div class="physicalExamination">
    <!-- 列表 -->
    <el-table
      size="mini"
      :header-cell-style="{
        color: '#fff',
        background: '#6090EC',
        fontSize: '11px',
        fontWeight: 'normal',
      }"
      :data="Querydata"
      border
      stripe
    >
      <el-table-column label="序号" type="index"></el-table-column>
      <el-table-column label="来源"  prop="a"   ></el-table-column>
      <el-table-column label="操作部门" prop="a" ></el-table-column>
      <el-table-column label="操作人" prop="a" ></el-table-column>
      <el-table-column label="生效日期" prop="a" ></el-table-column>
      <el-table-column label="失效日期" prop="a" ></el-table-column>
      <el-table-column label="使用日期" prop="a" ></el-table-column>
      <el-table-column label="使用城市" prop="a" ></el-table-column>
      <el-table-column label="使用日期" prop="a" ></el-table-column>
      <el-table-column label="使用网点名称" prop="a" ></el-table-column>
      <el-table-column label="使用部门" prop="a" ></el-table-column>
      <el-table-column label="使用员工" prop="a" ></el-table-column>
      <el-table-column label="状态" prop="a" ></el-table-column>
      <el-table-column label="操作" width="180px">
        <template slot-scope="scope">
          <el-button
            @click="manipulateMethod(scope.row)"
            type="danger"
            size="mini"
            icon="el-icon-delete"
            >操作</el-button
          >
        </template>
      </el-table-column>
    </el-table>
    <!-- 操作弹窗 -->
     <el-dialog title="操作" :visible.sync="centerDialogVisible" :close-on-click-modal="false" width="30%" center>
      <el-form ref="formdata" :model="formdata" label-width="100px">
        <el-form-item label="使用日期">
           <el-date-picker style="width: 200px" v-model="formdata.name" type="date" placeholder="选择日期"
            value-format="yyyy-MM-dd">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="使用城市">
          <el-select clearable size="mini" style="width: 200px"  v-model="formdata.name">
            <el-option v-for="item in cityList" :key="item.id" :label="item.name" :value="item.id">
            </el-option>
          </el-select>
        </el-form-item>
         <el-form-item label="使用网点名称">
          <el-input v-model="formdata.name" style="width: 200px"  size="mini" ></el-input>
        </el-form-item>
      </el-form>
       <span slot="footer" class="dialog-footer">
        <el-button @click="centerDialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
      </span>
     </el-dialog>
  </div>
</template>

<script>
export default {
  name: "physicalExamination",
  data() {
    return {
      // 列表数据
      Querydata:[
        {
          a:""
        }
      ],
      // 弹窗显示
      centerDialogVisible:false,
      // 操作数据
      formdata:{
        name:""
      },
      // 城市数据
      cityList:[]
    };
  },
  methods: {
    // 操作
    manipulateMethod(){
      this.centerDialogVisible = true
    },
    // 城市名称
    getselectCityList() {
        this.$axios.getqueryCityList({
        }).then((res) => {
          console.log(res)
          if (res.code == '200') {
            this.cityList =res.data
          }
        })
      },
  },
  mounted() {
    //城市名称
    this.getselectCityList()
  },
};
</script>

<style scoped>
.physicalExamination{
  padding:20px 10px;
}
</style>